﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>商品资料</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../../css/easyui/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/easyui/icon.css" />
	    <link rel="stylesheet" type="text/css" href="../../css/common/main.css" />
    <script type="text/javascript" src="../../js/jquery.js"></script>
    <script type="text/javascript" src="../../js/easyui/jquery.easyui.min.js"></script>
    <script src="../../js/common/grid.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function () {
			//顶部按钮初始化
			$('#btn').linkbutton({
				iconCls: 'icon-add'
			});
			$('#copyA').linkbutton({
				iconCls: 'icon-add'
			});
			$('#import').linkbutton({
				iconCls: 'icon-import'
			});
			$('#searchBtn').linkbutton({
				iconCls: 'icon-search'
			});
			
			$('#advancedS').linkbutton({
				iconCls: 'icon-advanced'
			});
			$('#tableSetting').linkbutton({
				iconCls: 'icon-setting'
			});
			
			
			
			
			$("#treePanel").css("width","200px")
			$("#treePanel").css("height","400px")
			$("#treePanel").css("margin-top","20px")
			$(".panel").css("float","left")
        })
    </script>
    
    </head>
    <body>
    	<div>
    	<span class="searchS"> <input id="matchCon" class="matchCon" type="text" value="输入款号，商品名称"/> <a id="searchBtn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a> <a id="advancedS" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-advanced'">高级查询</a></span>
		<span class="btns"><a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">空白新增</a> <a id="copyA" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">复制新增</a> <a id="copyA" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">批量删除</a> <a id="import" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-import'">商品导入</a> <a id="tableSetting" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-setting'">表格设置</a></div>
   			</span>
		<div class="easyui-panel"  class="treePanel" id="treePanel" style="padding:5px">
			<ul id="tt" class="easyui-tree" data-options="
				url: 'tree_data1.json',
				method: 'get',
				animate: true,
				onContextMenu: function(e,node){
					e.preventDefault();
					$(this).tree('select',node.target);
					$('#mm').menu('show',{
						left: e.pageX,
						top: e.pageY
					});
				}
			">
			</ul>
	</div>
	
	<div class="product_grid">
		
		<table class="easyui-datagrid" title="商品资料" style="width:700px;height:250px"
			data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'">
		<thead>
			<tr>
				<th data-options="field:'itemid',width:80">商品名称</th>
				<th data-options="field:'productid',width:100">款号</th>
				<th data-options="field:'listprice',width:80,align:'right'">分类</th>
				<th data-options="field:'unitcost',width:80,align:'right'">定价</th>
				<th data-options="field:'attr1',width:250">批发价</th>
				<th data-options="field:'status',width:60,align:'center'">零售价</th>
			</tr>
		</thead>
	</table>

	</div>
		
	
	
	<div id="mm" class="easyui-menu" style="width:120px;">
		<div onclick="append()" data-options="iconCls:'icon-add'">新增</div>
		<div onclick="removeit()" data-options="iconCls:'icon-remove'">删除</div>
	</div>
   
    </body>
 
    </html>